<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<link th:href="@{/c/base.css}" rel="stylesheet" type="text/css">
<link th:href="@{/c/toefl.css}" rel="stylesheet" type="text/css">
<link rel="stylesheet" th:href="@{/c/bootstrap.min.css}">
<script type="text/javascript" th:src="@{/j/jquery-2.1.0.js}"></script>
<script th:src="@{/j/bootstrap.min.js}"></script>
<head>
    <meta charset="UTF-8">
    <title>个人中心</title>
</head>
<body>
<!--头-->
<div class="doc1180">
	<div class="header">
    	<div class="logo"><img th:src="@{/i/logo.png}"></div>
        <div class="headerLink">
        	<a th:href="@{/toLogin}" class="###">登录</a>
            <a th:href="@{/toRegister}" class="###">注册</a>
        </div>
    </div>
</div>
<div class="menu">
	<div class="doc1180">
   	  <div class="menuLink">
        	<ul class="fn-clear">
            	<li class="active"><a th:href="@{/}" >首页</a></li>
                <li><a th:href="@{/}" >托福人</a></li>
                <li><a th:href="@{/}" >公开课</a></li>
                <li><a th:href="@{/}" >群组聊</a></li>
                <li><a th:href="@{/}">福利城堡</a></li>
            </ul>
        </div>
    </div>
</div>
<!--头-->
<div class="doc1180 fn-clear paddingT20">
    <div class="doc230 fn-left">
        <div class="flcb_cardUser">
            <div class="flcb_cardUserPic"><img th:src="@{/i/flcb_cardUserPic.png}" width="100" height="100"></div>
            <div class="flcb_cardUserName" th:text="${u.getUsername()}"></div>
        </div>
        <div class="flcb_cardUserInfo">
            <div>你现在拥有的RPB：<span class="green">50</span></div>
            <div>你现在的等级是：学霸</div>
            <div><span>下一等级：</span>学神<span>还差RPB：80</span></div>
            <div class="flcb_cardUserText">${member.signature}</div>
            <div><a th:href="@{/}" style="color: red;">充值兑换</a></div>
        </div>
        <div class="flcb_cardUserMenu">
            <ul>
                <li class="on"><a th:href="@{/mydata}" target="infor" class="icon_1">个人资料</a></li>
                <li><a th:href="@{/myclazz}" target="infor" class="icon_2">我的公开课</a></li>
                <li><a th:href="@{/mychat}" target="infor" class="icon_3">我的群组</a></li>
                <li><a th:href="@{/mywelare}" target="infor" class="icon_5">我的福利城堡</a></li>
                <li><a th:href="@{/mytfr}" target="infor" class="icon_6">我的托福人</a></li>

            </ul>
        </div>
    </div>
    <!--右-->
    <div class="doc910 fn-right">
        <div class="flcb_cardMenu">
            <ul>

                <li class="on">
                    <a href="###" id="myJoin">我加入的群</a>
                </li>
                <li>
                    <a href="###" id="myCreate">我建立的群</a>
                </li>
                <li>
                    <a href="###" id="create">我要建群</a>
                </li>
            </ul>
        </div>

        <div id="myJoinContent">
            <div class="flcb_myGroup" th:each="chat:${chats}">
                <dl>
                    <dt><img th:src="@{/i/82x82.png}"></dt>
                    <dd>
                        <div class="flcb_myGroupClass">
                            <h3 th:text="${chat.getName()}"><span>同城考生群</span></h3>
                        </div>
                        <div class="flcb_myGroupTime"><span>群主：123456 类型：</span><span th:text="${chat.getType()}"></span></div>
                        <div class="flcb_cardButton">
                            <a th:href="@{/ChatDetail}" target="_parent">进群聊天</a>
                            <a th:href="@{/toChat}" target="_parent">群信息</a>
                            <a href="###" data-toggle="modal" data-target=".modal">申请做群管理员</a>
                            <a th:href="@{/ExitChat}">退出该群</a>
                        </div>
                    </dd>
                </dl>
            </div>
            <div class="pageList">
                <ul>
                    <li><span>1</span></li>
                    <li>
                        <a href="###">2</a>
                    </li>
                    <li>
                        <a href="###">3</a>
                    </li>
                    <li>
                        <a href="###">4</a>
                    </li>
                    <li>
                        <a href="###">5</a>
                    </li>
                    <li>
                        <a href="###">最后一页</a>
                    </li>
                    <li>
                        <a href="###" class="pret">上一页</a>
                    </li>
                    <li>
                        <a href="###" class="next">下一页</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
</body>
</html>